<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="/easyui.css">
    <link rel="stylesheet" type="text/css" href="/icon.css">
    <link rel="stylesheet" type="text/css" href="/demo.css">
    <script src="/jquery.min.js"></script>
    <script src="/jquery.easyui.min.js"></script>
    <title>acordion导航栏</title>
    <script type="text/javascript">
       <!--获取地址栏参数-->
        function GetQueryString(name)
        {
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r!=null)return  unescape(r[2]); return null;
        }

       var myurl=GetQueryString("userName");
       $(document).ready(function () {
            if(myurl == 'stufent' ){
                console.log(myurl);
                console.log(document.getElementById('div1').style);
               document.getElementById('div1').style.display = 'none';
                $("#according").accordion("remove","About");
            }
        });

    </script>
</head>
<body>
<h2>Loading Accordion Content with AJAX</h2>
<p>Click AJAX panel header to load content via AJAX.</p>
<div style="margin:20px 0 10px 0;"></div>
<div id="according" class="easyui-accordion" style="width:500px;height:300px;">
    <div id="div1" title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
        <ul>
            <li>
                <a href="javascript:void(0)">年级</a>
            </li>
            <li>
                <a href="javascript:void(0)">班级</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师</a>
            </li>
            <li>
                <a href="/StudentManage/showStudent" target="iframe" >学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">课程</a>
            </li>
            <li>
                <a href="javascript:void(0)">为班级添加学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">学生课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">年级班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">考试类型管理</a>
            </li>
        </ul>
    </div>

    <div  title="Help" data-options="iconCls:'icon-help'" style="padding:10px;">
        <ul>
            <li>
                <a href="javascript:void(0)">年级</a>
            </li>
            <li>
                <a href="javascript:void(0)">班级</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师</a>
            </li>
            <li>
                <a href="/StudentManage/showStudent" target="iframe" >学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">课程</a>
            </li>
            <li>
                <a href="javascript:void(0)">为班级添加学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">学生课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">年级班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">考试类型管理</a>
            </li>

        </ul>
    </div>

    <div title="Ajax"  style="padding:10px">
        <!--data-options="href:'/demo/page'"-->
        <ul>
            <li>
                <a href="javascript:void(0)">年级</a>
            </li>
            <li>
                <a href="javascript:void(0)">班级</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师</a>
            </li>
            <li>
                <a href="/StudentManage/showStudent" target="iframe" >学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">课程</a>
            </li>
            <li>
                <a href="javascript:void(0)">为班级添加学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">学生课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">年级班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">考试类型管理</a>
            </li>

        </ul>
    </div>

    <div id="div4" title="Ajax"  style="padding:10px">
        <!--data-options="href:'/demo/page'"-->
        <ul>
            <li>
                <a href="javascript:void(0)">年级</a>
            </li>
            <li>
                <a href="javascript:void(0)">班级</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师</a>
            </li>
            <li>
                <a href="/StudentManage/showStudent" target="iframe" >学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">课程</a>
            </li>
            <li>
                <a href="javascript:void(0)">为班级添加学生</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">学生课程管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">老师班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">年级班级管理</a>
            </li>
            <li>
                <a href="javascript:void(0)">考试类型管理</a>
            </li>

        </ul>
    </div>
</div>
</body>
</html>